<template>
    <div>
		<headerSearch :title="headerTitle" :searchBack="true"></headerSearch>
        <div class="pagecontent">
            <!-- 头部浮层 -->
            <div class="main-suspension main-my-integral"> 
                <div class="suspension-top" style="height: 1.76rem;">
                    <p>当前积分</p>
                    <strong>2034</strong>
                </div>
                <div class="suspension-info" style="height: 1.18rem; top: 1.2rem;">
                </div>
            </div>
            <!-- 积分记录 -->
            <div>
                <div class="main_menu" v-for="(menu, mind) in menus" :key="mind">
                    <label for="">{{menu.m_name}}</label>
                    <span>+ 1</span>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
import headerSearch from '../public/header-search.vue';
    export default {
        data() {
            return {
                headerTitle: '我的积分',
                menus: [
                    { m_name: '注册' },
                    { m_name: '注册' },
                    { m_name: '注册' },
                    { m_name: '注册' },
                    { m_name: '注册' },
                    { m_name: '注册' },
                ]
            }
        },
        components: {
            headerSearch
        }
    }
</script>

<style>
@import '../common/css/userCenter.css';

.main-my-integral {
    height: 2.64rem !important;
}
.main-my-integral .suspension-top {
    line-height: 0.28rem;
}
.main-my-integral .suspension-top p {
    font-size: 0.22rem;
    color: #fff;
    margin-top: 0.1rem; 
}
.main-my-integral .suspension-top strong {
    font-size: 0.48rem;
    color: #fff;
}
</style>